<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h3>表单实例</h3>
    <table width="500">
        <tr>
            <td>性别：</td>
            <td>
                <!-- 点击文字和图片同样可以选择单选按钮 -->
                <!-- 在input中加入id，为选择范围加上label标签，并在label标签中加上for id -->
                <input type="radio" name="sex" id="nan"><label for="nan">男<img src="../材料/上箭头.jpg" width="10"></label>
                <input type="radio" name="sex" id="nv"><label for="nv">女<img src="../材料/下箭头.jpeg" width="10"></label>
            </td>
        </tr>
        <tr>
            <td>生日：</td>
            <td>
                <select>
                    <option>--请选择年--</option>
                    <option>2020</option>
                    <option>2021</option>
                    <option>2022</option>
                    <option>2023</option>
                </select>

                <select>
                    <option>--请选择月--</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                </select>

                <select>
                    <option>--请选择日--</option>
                    <option>15</option>
                    <option>16</option>
                    <option>17</option>
                    <option>18</option>
                </select>
            </td>
        </tr>
        <tr>
            <td><label for="place">所在地区：</label></td>
            <td><input type="text" value="北京" id="place"></td>
        </tr>
        <tr>
            <td>婚姻状况</td>
            <td>
                <input type="radio" name="1">未婚
                <input type="radio" name="1">已婚
                <input type="radio" name="1">离婚
            </td>

        </tr>
        <tr>
            <td>学历</td>
            <td><input type="text" value="幼儿园"></td>
        </tr>
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox" name="2">妩媚的
                <input type="checkbox" name="2">可爱的
                <input type="checkbox" name="2">小鲜肉
                <input type="checkbox" name="2">老腊肉
                <input type="checkbox" name="2">都喜欢
            </td>
        </tr>
        <tr>
            <td>自我介绍</td>
            <td><textarea>自我介绍</textarea></td>

        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="免费注册"></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="checkbox" checked>我同意注册条款和会员加入标准</td>
        </tr>
        <tr>
            <td></td>
            <td><a href="#">我是会员，立即登录</a></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <dl>
                    <dt>我承诺</dt>
                    <dd>年满18岁、单身</dd>
                    <dd>抱着严肃的态度</dd>
                    <dd>真诚寻找另一半</dd>
                </dl>
            </td>
        </tr>
    </table>
</body>

</html>